<script type="text/html" template>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/template.css?v={{ layui.admin.v }}-1" media="all">
</script>
<div class="layui-fluid">
    <div class="layui-row" style="padding:5px 0 0">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header" style="text-align: right;color: #989898;font-weight: 700;border:none;padding-right:5%">更新时间：2020-02-26 12:12:12</div>
                <div class="layui-card-body" style="padding:0 0 42px">
                    <ul class="top_item_box">
                        <li class="top_item">
                            <div class="top_item_img">
                                <script type="text/html" template>
                                    <img src="{{ layui.setter.base }}style/img/1.png" alt="" class="top_icon">
                                </script>
                            </div>
                            <div class="top_item_text">
                                <p>今日订单总量</p>
                                <h5><cite><label id="order_totalnum">12</label></cite></h5>
                                <p>较前一日 <span class="down_num"> <script type="text/html" template>
                                  <img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">
                              </script><label id="UP_order_totalnum">12</label>%</span></p>
                                <p>昨日全天：<label id="Old_order_totalnum">10</label></p>
                            </div>

                        </li>
                        <li class="top_item">
                            <div class="top_item_img">
                                <script type="text/html" template>
                                    <img src="{{ layui.setter.base }}style/img/2.png" alt="" class="top_icon">
                                </script>
                            </div>
                            <div class="top_item_text">
                                <p>今日总成交额</p>
                                <h5><cite><label id="order_totalfee">12</label></cite></h5>
                                <p>较前一日<span class="down_num"> <script type="text/html" template>
                                  <img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">
                              </script><label id="UP_order_totalfee">12</label>%</span></p>
                                <p>昨日全天：<label id="Old_order_totalfee">12</label></p>
                            </div>
                        </li>
                        <li class="top_item">
                            <div class="top_item_img">
                                <script type="text/html" template>
                                    <img src="{{ layui.setter.base }}style/img/3.png" alt="" class="top_icon">
                                </script>
                            </div>
                            <div class="top_item_text">
                                <p>今日买家数</p>
                                <h5><cite><label id="buyer_totalnum">12</label></cite></h5>
                                <p>同比上周 <span class="up_num"> <script type="text/html" template>
                                  <img src="{{ layui.setter.base }}style/img/upIcon.png" alt="" class="top_item_icon">
                              </script><label id="UP_buyer_totalnum">12</label>%</span></p>
                                <p>昨日全天：<label id="Old_buyer_totalnum">12</label></p>
                            </div>
                        </li>
                        <li class="top_item">
                            <div class="top_item_img">
                                <script type="text/html" template>
                                    <img src="{{ layui.setter.base }}style/img/4.png" alt="" class="top_icon">
                                </script>
                            </div>
                            <div class="top_item_text">
                                <p>客单价</p>
                                <h5><cite><label id="buyer_unitprice">12</label></cite></h5>
                                <p>较前一日<span class="down_num"> <script type="text/html" template>
                                  <img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">
                              </script><label id="UP_buyer_unitprice">12</label>%</span></p>
                                <p>昨日全天：<label id="Old_buyer_unitprice">12</label></p>
                            </div>

                        </li>
                        <li class="top_item">
                            <div class="top_item_img">
                                <script type="text/html" template>
                                    <img src="{{ layui.setter.base }}style/img/5.png" alt="" class="top_icon">
                                </script>
                            </div>
                            <div class="top_item_text">
                                <p>单均件数</p>
                                <h5><cite><label id="order_unitnum">12</label></cite></h5>
                                <p>较前一日 <span class="down_num"> <script type="text/html" template>
                                  <img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">
                              </script><label id="UP_order_unitnum">12</label>%</span></p>
                                <p>昨日全天：<label id="Old_order_unitnum">12</label></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-col-mdinline">
            <div class="layui-col-mdleft">
                <div class="layui-card">
                    <div class="layui-card-header title">待处理事务</div>
                    <div class="layui-card-body">
                        <ul class="layui-row layui-col-space30" style="padding-bottom: 12px;">
                            <li class="layui-col-xs4">
                                <div class="inline_item">
                                    <div>待付款订单</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                                <div class="inline_item">
                                    <div>待发货订单</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                                <div class="inline_item">
                                    <div>已发货订单</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                            </li>
                            <li class="layui-col-xs4">
                                <div class="inline_item">
                                    <div>已完成订单</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                                <div class="inline_item">
                                    <div>新缺货等级</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                                <div class="inline_item">
                                    <div>待处理退货订单</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                            </li>
                            <li class="layui-col-xs4">
                                <div class="inline_item">
                                    <div>待确认退货订单</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                                <div class="inline_item">
                                    <div>待处理退货申请</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                                <div class="inline_item">
                                    <div>待审批经销商</div>
                                    <div>（<span class="red_color"><label>12</label></span>）</div>
                                </div>
                            </li>
                    </div>
                    <div class="layui-card-header title" style="border-top:1px solid rgba(228, 228, 228, 1);">订单统计</div>
                    <div class="layui-card-body">
                        <div class="statistics_box">
                            <div class="statistics_box_left">
                                <div class="statistics_box_left_text">
                                    <p>本月订单总量</p>
                                    <h5><cite><label>12</label></cite></h5>
                                    <p><span class="up_num"> <script type="text/html" template>
                                               <img src="{{ layui.setter.base }}style/img/upIcon.png" alt="" class="top_item_icon">
                                                  </script><label>12</label>%</span>&nbsp;&nbsp;同比上周</p>
                                </div>
                                <div class="statistics_box_left_text">
                                    <p>本周订单总量</p>
                                    <h5><cite><label>12</label></cite></h5>
                                    <p><span class="down_num"> <script type="text/html" template>
                                               <img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">
                                                  </script><label>12</label>%</span>&nbsp;&nbsp;同比上周</p>
                                </div>
                            </div>
                            <div class="statistics_box_right">
                                <div class="statistics_box_top">
                                    <div class="statistics_box_top_left">近一周订单统计</div>
                                    <div class="statistics_box_top_right">
                                        <div>今日</div>
                                        <div class="time_act">本周</div>
                                        <div>本月</div>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <label class="layui-form-label">日期范围</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" class="layui-input" id="timeRange1" placeholder="请选择日期范围">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="echarts_curve">
                                    <div carousel-item id="echarts_curve">
                                        <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-mdright">
                <div class="layui-card">
                    <div class="layui-card-header title">排行榜<a href=""><span style="float: right;color:#1E9FFF">更多</span></a></div>
                    <div class="layui-card-body layui-text">
                        <div class="layui-btn-group" id="btn_group" style="margin: 15px 0 30px 10px">
                            <button class="layui-btn layui-btn-primary layui-btn-sm btn_act">订单排行</button>
                            <button class="layui-btn layui-btn-primary layui-btn-sm">销售排行</button>
                            <button class="layui-btn layui-btn-primary layui-btn-sm">销量排行</button>
                        </div>

                        <table class="layui-table layuiadmin-page-table" lay-skin="line" style="border:none">
                            <thead>
                                <tr style="background-color: transparent;color: #CCCCCC;">
                                    <th>排名</th>
                                    <th>渠道</th>
                                    <th>占比</th>
                                    <th>周环比</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><span>1</span></td>
                                    <td>淘宝</td>
                                    <td>
                                        <div class="inline_td_item">
                                            <span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="up_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/upIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>2</span></td>
                                    <td>京东</td>
                                    <td>
                                        <div class="inline_td_item">
                                            <span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>3</span></td>
                                    <td>天猫</td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="up_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/upIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>4</span></td>
                                    <td>苏宁</td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>5</span></td>
                                    <td>微商城 </td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>6</span></td>
                                    <td>小红书</td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>7</span></td>
                                    <td>国美</td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>8</span></td>
                                    <td>小红书</td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>9</span></td>
                                    <td>当当</td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>10</span></td>
                                    <td>一号店</td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                                <tr>
                                    <td><span>11</span></td>
                                    <td>一手店</td>
                                    <td>
                                        <div class="inline_td_item"><span class="inline_td_item_left">27%</span>
                                            <div class="layui-progress inline_td_item_right">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="27%" style="width: 27%;"></div>
                                            </div>
                                        </div>
                                    </td>
                                    <td><span class="down_num"> 10%<script type="text/html" template><img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">                               </script></span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="xstj_box">
                <div class="layui-card" style="border: 1px solid rgba(228, 228, 228, 1);">
                    <div class="layui-card-header title" style="background-color: rgba(243, 243, 243, 1)">销售统计</div>
                    <div class="layui-card-body">
                        <div class="statistics_box">
                            <div class="statistics_box_left" style="width:20%">
                                <div class="statistics_box_left_text">
                                    <p>本月订单总量</p>
                                    <h5><cite><label>120</label></cite></h5>
                                    <p><span class="up_num"> <script type="text/html" template>
                                   <img src="{{ layui.setter.base }}style/img/upIcon.png" alt="" class="top_item_icon">
                                      </script><label>12</label>%</span>&nbsp;&nbsp;同比上周</p>
                                </div>
                                <div class="statistics_box_left_text">
                                    <p>本周订单总量</p>
                                    <h5><cite><label>121</label></cite></h5>
                                    <p><span class="down_num"> <script type="text/html" template>
                                   <img src="{{ layui.setter.base }}style/img/downIcon.png" alt="" class="top_item_icon">
                                      </script><label>12</label>%</span>&nbsp;&nbsp;同比上周</p>
                                </div>
                            </div>
                            <div class="statistics_box_right" style="width:80%">
                                <div class="statistics_box_top">
                                    <div class="statistics_box_top_left">近一周订单统计</div>
                                    <div class="statistics_box_top_right">
                                        <div>今日</div>
                                        <div class="time_act">本周</div>
                                        <div>本月</div>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <label class="layui-form-label">日期范围</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" class="layui-input" id="timeRange2" placeholder="请选择日期范围">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
                                    <div carousel-item id="LAY-index-dataview">
                                        <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .inline_item {
        width: 100%;
        height: 40px;
        line-height: 40px;
        display: inline-flex;
        border-bottom: 1px solid rgba(242, 242, 242, 1);
        justify-content: space-between;
        align-items: center;
        font-family: '微软雅黑', sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #000;
        box-sizing: border-box;
        cursor: pointer;
    }
    
    .layui-table tr {
        height: 40px;
        line-height: 40px;
    }
    
    .inline_item:hover div:nth-child(1) {
        color: #1ABC9C;
        cursor: pointer;
    }
    
    .red_color {
        color: rgb(240, 72, 68);
    }
    
    .top_item_box {
        width: 100%;
        height: 135px;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    .top_item {
        width: 18%;
        margin: 0 1%;
        height: 135px;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid rgba(242, 242, 242, 1);
        padding: 0 20px;
    }
    
    .top_item_img .top_icon {
        width: 56px;
    }
    
    .top_item_text {
        width: calc(100% - 96px);
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        color: #989898;
        line-height: 20px;
    }
    
    .top_item:nth-child(5) .top_item_img .top_icon {
        width: 64px;
    }
    
    .top_item_icon {
        width: 10px;
        height: 10px;
        margin-left: 5px;
    }
    
    h5 cite {
        font-weight: 500;
        font-style: normal;
        font-size: 28px;
        line-height: 36px;
        color: #666666;
    }
    
    .layuiadmin-page-table td span.up_num,
    .up_num {
        color: #00A950;
    }
    
    .layuiadmin-page-table td span.down_num,
    .down_num {
        color: #F04133;
    }
    
    .layuiadmin-page-table tr th:nth-child(1),
    .layuiadmin-page-table tr td:nth-child(1) {
        width: 16%;
    }
    
    .layuiadmin-page-table tr th:nth-child(2),
    .layuiadmin-page-table tr td:nth-child(2),
    .layuiadmin-page-table tr th:nth-child(4),
    .layuiadmin-page-table tr td:nth-child(4) {
        width: 24%;
    }
    
    .layuiadmin-page-table tr th:nth-child(3),
    .layuiadmin-page-table tr td:nth-child(3) {
        width: 36%;
    }
    
    .statistics_box_top,
    .statistics_box,
    .inline_td_item {
        width: 100%;
        display: inline-flex;
        align-items: center;
    }
    
    .inline_td_item_left {
        width: 30%;
        margin-right: 5%;
    }
    
    .inline_td_item_right {
        width: 65%;
        height: 8px;
        border-radius: 0;
    }
    
    .inline_td_item_right .layui-progress-bar {
        height: 8px;
        border-radius: 0;
    }
    
    .statistics_box_top .statistics_box_top_left,
    .statistics_box .statistics_box_left {
        width: 25%;
        padding-left: 5%
    }
    
    .statistics_box_top .statistics_box_top_right,
    .statistics_box .statistics_box_right {
        width: 75%;
    }
    
    .statistics_box_top_right {
        display: inline-flex;
        align-items: center;
    }
    
    .statistics_box_top_right div {
        margin-right: 10px;
    }
    
    .statistics_box_top_right .layui-form-item {
        margin-bottom: 0;
    }
    
    .statistics_box_left_text {
        margin-bottom: 30px;
    }
    
    .title {
        height: 42px;
        line-height: 42px;
        font-family: '微软雅黑 Bold', '微软雅黑', sans-serif;
        font-weight: 700;
        font-style: normal;
        text-align: left;
        border-bottom: 1px solid rgba(228, 228, 228, 1);
    }
    
    .layui-col-mdinline {
        width: 100%;
        padding: 0 1% 20px;
        box-sizing: border-box;
        display: inline-flex;
        justify-content: space-between;
        background: #fff;
    }
    
    .xstj_box {
        width: 100%;
        padding: 0 1% 20px;
        background-color: #fff;
        box-sizing: border-box;
    }
    
    .layui-col-mdleft {
        width: 66%;
        border: 1px solid rgba(228, 228, 228, 1)
    }
    
    .layui-col-mdright {
        width: 30%;
        border: 1px solid rgba(228, 228, 228, 1)
    }
    
    .layui-btn-group .layui-btn-primary:hover,
    #btn_group .btn_act {
        color: rgb(28, 111, 255);
        border: 1px solid rgb(28, 111, 255);
    }
    
    .time_act {
        color: #1ABC9C;
    }
    
    .layui-card {
        box-shadow: 0 1px 2px 0 transparent;
    }
</style>
<script src="../../Scripts/src/lib/extend/jquery.min.js"></script>
<script>
    //加载 controller 目录下的对应模块
    /*

      小贴士：
        这里 console 模块对应 的 console.js 并不会重复加载，
        然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
          1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
          2): 直接在 layui.use 方法的回调中书写业务代码，即:
              layui.use('console', function(){ 
                //同 console.js 中的 layui.define 回调中的代码 
              });
              
      这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。
      
    */
    layui.use('laydate', function() {
            var laydate = layui.laydate;
            //日期范围
            laydate.render({
                elem: '#timeRange1',
                range: true
            });
            laydate.render({
                elem: '#timeRange2',
                range: true
            });
        })
        //曲线
    layui.use(["admin", "echarts"], function() {
            var e = layui.$,
                t = layui.admin,
                i = layui.echarts,
                a = layui.carousel,
                l = [],
                n = [{
                    title: {
                        // text: "近一周销售统计",
                        x: "left",
                        textStyle: {
                            fontSize: 14
                        }
                    },
                    tooltip: {
                        trigger: "axis"
                    },
                    legend: {
                        data: ["", ""]
                    },
                    xAxis: [{
                        type: "category",
                        boundaryGap: !1,
                        splitNumber: 2,
                        scale: true,
                        splitLine: {
                            show: false //去掉网格线
                        },
                        axisLine: {
                            show: false
                        }, //轴线不显示
                        axisTick: {
                            show: false
                        },
                        data: ["11-07周六", "11-08周日", "11-09周一", "11-10周二", "11-11周三", "11-12周四", "11-13周五"],
                    }],
                    yAxis: [{
                        type: "value",
                        axisLine: {
                            show: false
                        }, //轴线不显示
                        axisTick: {
                            show: false
                        },
                        splitLine: {
                            show: false, //去掉网格线
                            lineStyle: {
                                color: "#57617B"
                            }
                        },
                    }],
                    series: [{
                        // name: "PV",
                        type: "line",
                        smooth: true,
                        itemStyle: {
                            normal: {
                                color: '#44bef6',
                                areaStyle: {
                                    type: "default",
                                    color: '#dbeefc',
                                },
                                lineStyle: {
                                    color: '#49a9ee',
                                }
                            }
                        },
                        data: [111, 269, 333, 684, 555, 366, 233]
                    }]
                }],
                r = e("#echarts_curve").children("div"),
                o = function(e) {
                    l[e] = i.init(r[e], layui.echartsTheme), l[e].setOption(n[e]), t.resize(function() {
                        l[e].resize()
                    })
                };
            if (r[0]) {
                o(0);
                var d = 0;
                a.on("change(echarts_curve)", function(e) {
                    o(d = e.index)
                })
            };
        })
        //折线
    layui.use(["admin", "echarts"], function() {
        var e = layui.$,
            t = layui.admin,
            i = layui.echarts,
            a = layui.carousel,
            l = [],
            n = [{
                title: {
                    // text: "近一周销售统计",
                    x: "left",
                    textStyle: {
                        fontSize: 14
                    }
                },
                tooltip: {
                    trigger: "axis"
                },
                legend: {
                    data: ["", ""]
                },
                xAxis: [{
                    type: "category",
                    boundaryGap: !1,
                    splitNumber: 2,
                    scale: true,
                    splitLine: {
                        show: false //去掉网格线
                    },
                    axisLine: {
                        show: false
                    }, //轴线不显示
                    axisTick: {
                        show: false
                    },
                    data: ["11-07周六", "11-08周日", "11-09周一", "11-10周二", "11-11周三", "11-12周四", "11-13周五"],
                }],
                yAxis: [{
                    type: "value",
                    axisLine: {
                        show: false
                    }, //轴线不显示
                    axisTick: {
                        show: false
                    },
                    splitLine: {
                        show: false, //去掉网格线
                        lineStyle: {
                            color: "#5599fe"
                        }
                    },
                }],
                series: [{
                    // name: "PV",
                    type: "line",
                    smooth: false,
                    itemStyle: {
                        normal: {
                            color: '#0076c8',
                            areaStyle: {
                                type: "default",
                                color: '#d5e6ff',
                            },
                            lineStyle: {
                                color: '#5599fe',
                            }
                        }
                    },
                    data: [111, 282, 733, 444, 698, 366, 133]
                }]
            }],
            r = e("#LAY-index-dataview").children("div"),
            o = function(e) {
                l[e] = i.init(r[e], layui.echartsTheme), l[e].setOption(n[e]), t.resize(function() {
                    l[e].resize()
                })
            };
        if (r[0]) {
            o(0);
            var d = 0;
            a.on("change(LAY-index-dataview)", function(e) {
                o(d = e.index)
            }), layui.admin.on("side", function() {
                setTimeout(function() {
                    o(d)
                }, 300)
            }), layui.admin.on("hash(tab)", function() {
                layui.router().path.join("") || o(d)
            })
        };
    })

    layui.use('senior', layui.factory('senior'))

    layui.use(['admin'], function () {
        var $ = layui.$
            , admin = layui.admin;

        function todayData() {
            admin.req({
                api: layui.setter.testReportApi
                , url: '/Report/TodayData'
                , data: {"channel":"Total"}
                , type: 'post'
                , loading: true
                , done: function (res) {
                    console.log(res.data.data)
                    $.each(res.data.data[0], function (dataIndex, dataValue) {
                        $('#' + dataIndex).val(dataValue[dataIndex]);
                    });
                }
            })
        }
        todayData();
        function oldData() {
            admin.req({
                api: layui.setter.testReportApi
                url: '/Report/OldData'
                , data: {"channel":"Total"}
                , type: 'post'
                , loading: true
                , done: function (res) {
                    console.log(res.data.data)
                    $.each(res.data.data[0], function (dataIndex, dataValue) {
                        $('#Old_' + dataIndex).val(dataValue[dataIndex]);
                    });
                }
            })
        }
        oldData();
        function ranklistData() {
            admin.req({
                api: layui.setter.testReportApi
                url: '/Report/RankListDataByChannel'
                , data: {"startDate":"2018-7-18","endDate":"2018-8-18"}
                , type: 'post'
                , loading: true
                , done: function (res) {
                    console.log(res.data.data)
                    $.each(res.data.data[0], function (dataIndex, dataValue) {
                        $('#' + dataIndex).val(dataValue[dataIndex]);
                    });
                }
            })
        }

    })
</script>